/* Element Variables */

// Override Element UI variables

// 成功状态颜色，浅蓝色
$--color-success: #5bc0de; 
// 危险状态颜色，淡红色
$--color-danger: #d9534f; 
// 信息状态颜色，深蓝色
$--color-info: #31708f; 
$--button-font-weight: 400;
// 浅色边框颜色，淡蓝色
$--border-color-light: #bce8f1; 
// 更浅色的边框颜色，更淡的蓝色
$--border-color-lighter: #d9edf7; 
$--table-border: 1px solid #bce8f1;
// 主色调，蓝色
$--color-primary: #007bff; 
// 警告状态颜色，可按需调整
$--color-warning: #ffc107; 
// 主要文本颜色，深蓝色
$--color-text-primary: #31708f; 
// 常规文本颜色，淡蓝色
$--color-text-regular: #81aac7; 
// 占位符文本颜色，淡蓝色
$--color-text-placeholder: #bce8f1; 
// 基础边框颜色，淡蓝色
$--border-color-base: #bce8f1; 
// 基础背景颜色，白色
$--background-color-base: #fff; 

// Icon font path, required
$--font-path: '~element-ui/lib/theme-chalk/fonts';

// 修改表格表头样式
.el-table__header-wrapper thead th {
  background-color: #007bff; // 表头背景色为蓝色
  color: #fff; // 表头文本颜色为白色
}

@media only screen and (max-width: 768px) {
  [class*="el-col-"] {
    width: 100%; // 小屏幕下所有列宽度为 100%
  }
}

// Apply overrided variables in Element UI
@import '~element-ui/packages/theme-chalk/src/index';